<template>
  <div id="app">
    <transition name="slide-fade">
      <a-locale-provider :locale="zh_CN">
        <router-view />
      </a-locale-provider>
    </transition>
  </div>
</template>

<script>
import zh_CN from "ant-design-vue/lib/locale-provider/zh_CN";
import moment from "moment";
import "moment/locale/zh-cn";

moment.locale("zh-cn");
export default {
  name: "app",
  data() {
    return {
      zh_CN
    };
  }
};
</script>
<style>
.ant-tabs-nav .ant-tabs-tab {
  font-weight: bold;
}
.slide-fade {
  position: absolute;
  left: 0;
  right: 0;
}
.slide-fade-enter-active {
  transition: all 1.2s ease;
}
.slide-fade-leave-active {
  transition: all 0.1s cubic-bezier(2, 0.5, 0.8, 1);
}
.slide-fade-enter,
.slide-fade-leave-to {
  left: 0;
  right: 0;
  transform: translateX(50px);
  opacity: 0;
}
.ant-tabs-bar {
  border: none !important;
  margin: 0px 0 24px 0 !important;
}
.ant-tabs-nav-container {
  padding: 0px 25px 20px;
  background: white;
}
.ant-table-thead > tr > th {
  font-weight: 600 !important;
}
.ant-table-body::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 10px !important; /*高宽分别对应横竖滚动条的尺寸*/
  height: 10px !important;
}
.ant-table-body::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px !important;
  background: #cccccc;
}
.ant-table-body::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  border-radius: 10px !important;
  background: none;
}
.ant-table-pagination.ant-pagination {
  float: none !important;
  margin: 16px auto !important;
  text-align: center;
}
</style>
